<template>
	 <div id="app">
	  <img src="../assets/mei.png">
	  <!-- <router-view/> -->
		<p>阿里巴巴集团旗下品牌</p>
	</div>
</template>

<script>
	export default {
	  name: 'Guide',
	  data() {            
    return {                              
        timer:null// 定时器名称          
    }        
},
mounted(){
const timer = setInterval(() =>{                    
 this.$router.push('/second')
    // 某些定时器操作                
}, 3000);            
// 通过$once来监听定时器，在beforeDestroy钩子可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})
 
//最后在beforeDestroy()生命周期内清除定时器：
 
// beforeDestroy() {
//     clearInterval(this.timer);        
//     this.timer = null;
// }
// 
}
 	}
</script>

<style scoped="">
	#app {
	  font-family: 'Avenir', Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-align: center;
	  color: #2c3e50;
	 /* margin-top: 60px; */
	  
	}
	#app img{
		margin-top: 50%;
		/* margin-right:3%;
		 */
	}
	#app p{
		font-size: 5px;
		margin-top: 190px;
		color: silver;
	} 
</style>
